<div class="bg-light lter b-b wrapper-md">
    <h1 class="m-n font-thin h3">场馆管理</h1>
</div>
<div class="wrapper-md" ng-controller="VenueCtrl">
    <p>
        <a type="button" class="btn btn-primary" ui-sref="app.venue-edit({id:0})"><i class="fa fa-plus"></i> 新增</a>
    </p>
    <div class="row  m-md scroll">
        <table class="table table-hoverd">
            <tr>
                <th>Id</th>
                <th>名称</th>
                <th>面积(平方米)</th>
                <th>容纳人数</th>
                <th>设备</th>
                <th>用途</th>
                <th>状态</th>
                <th>创建人</th>
                <th>创建时间</th>
                <th>更新人</th>
                <th>更新时间</th>
                <th>操作</th>
            </tr>
            <tr ng-repeat="item in venueList" ng-class="{'text-red':!item.Enabled}">
                <td>{{item.Id}}</td>
                <td>{{item.Name}}</td>
                <td>{{item.Area}}</td>
                 <td>{{item.Capacity}}</td>
                <td style="max-width:200px" class="ellipsis">{{item.Devices}}</td>
                <td style="max-width:200px" class="ellipsis">{{item.Purpose}}</td>
                <td>{{item.Enabled?'正常':'停用'}}</td>
                <td>{{item.CreateUser}}</td>
                <td>{{item.CreateTime|date:'yyyy-MM-dd HH:mm'}}</td>
                <td>{{item.UpdateUser}}</td>
                <td>{{item.UpdateTime|date:'yyyy-MM-dd HH:mm'}}</td>
                <td>
                    <a ui-sref="app.venue-book({id:item.Id})"><i class="fa fa-file-text-o"></i>预定情况</a>
                    <a ui-sref="app.venue-edit({id:item.Id})"><i class="fa fa-edit"></i>编辑</a>
                    <a href="javascript:;" ng-click="enable(item)"><i class="fa" ng-class="{'fa-arrow-up':item.Enable,'fa-arrow-down':!item.Enable}"></i>{{item.Enabled?'停用':'启用'}}</a>
                </td>
            </tr>
        </table>
    </div>
</div>